<script setup>
import HelloWorld from "./components/admin.vue";
</script>

<template>
  <!-- <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div> -->
  <HelloWorld msg="Vite + Vue" />
</template>

<style lang="less">
body {
  margin: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
}
.el-checkbox__input {
  font-weight: bold;
  // border: 1px solid grey;

  .el-checkbox.el-checkbox--large .el-checkbox__inner {
    height: 20px;
    width: 20px;
  }
}
//全局滚动条样式
::-webkit-scrollbar-thumb {
  background-color: #018ee8;
  height: 10px;
  outline-offset: -2px;
  // outline: 2px solid red;
  -webkit-border-radius: 4px;
  border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
  background-color: #fb4446;
  height: 10px;
  -webkit-border-radius: 4px;
}
// 外层轨道
::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22);
}
/*---滚动条大小--*/
::-webkit-scrollbar {
  width: 6px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0;
}
//自定义 按钮 calc 计算属性 动态计算值
.my-button {
  color: #fff;
  background: #53b175;
  width: calc(100% - 40px);
  border-radius: 15px;
  text-align: center;
  position: fixed;
  bottom: 70px;
  left: 20px;
}
.plus-product {
  padding: 5px 14px;
  border-radius: 10px;
  background: #53b175;
  color: #fff;
  font-size: 16px;
}
//tatnsrfom css3的新属性 scale放大
.scale {
  transform: scale(1.2);
}
</style>
